// 滚动条
body,
.main,
.search_con,
.phone_box,
.auto_height.el-popper,
.tags_auto_height.el-popper,
.el-drawer__body,
.zw-common-scrollbar,
.zw-tree-box .el-vl__wrapper,
.infinite_list {
    &::-webkit-scrollbar {
        width: 6px;
        height: 10px;
    }

    &::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: rgb(144 147 153 / 30%);
    }

    &::-webkit-scrollbar-thumb:hover {
        background: rgb(144 147 153 / 60%);
    }

    &::-webkit-scrollbar-track {
        background: transparent;
    }

    &::-webkit-scrollbar-track-piece {
        background: transparent;
    }
}

.zw-hide_select_option {
    display: none;
}

.zw-table__card-header {
    margin: 0 0 16px !important;
}

.zw-search-form.el-form {
    .el-form-item {
        .el-form-item__content {
            display: flex;
        }
    }
}

.zw-text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.zw-text-ellipsis2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

// .zw-form-content {
//   .el-form-item {
//     .el-form-item__content {}
//   }
// }
.container_box {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 142px);

    .main_box {
        flex: 1;
        border-radius: 4px;
        border: 1px solid #e4e7ed;
        background-color: #fff;
        overflow: auto;
        transition: 0.3s;
    }

    .main_box2 {
        flex: 1;
        border-radius: 4px;
        border-top: 1px solid #e4e7ed;
        border-bottom: 1px solid #e4e7ed;
        overflow: auto;
        transition: 0.3s;
    }

    .footer_box {
        padding: 16px 24px;
        margin: 16px -16px -16px;
        border-top: 1px solid #e4e7ed;
        background-color: #fff;
        text-align: center;
    }
}
